<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only navPop>
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            手势密码
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content>
    <div class="main-content">
        <div class="panel-container panel-border">
            <div class="panel">
                <div class="panel-item" >
                    <div>使用手势密码登录</div>
                    <div (click)="setGraphicLockChange($event)">
                        <img *ngIf="!isUseGraphicLock" class="firstImg" src="./assets/images/me/switch_off.png">
                        <img *ngIf="isUseGraphicLock" class="firstImg" src="./assets/images/me/switch_on.png">
                    </div>
                </div>
                <div class="panel-item" (click)="modifyGraphicLock()" *ngIf="isUseGraphicLock">
                    <div>修改手势密码</div>
                    <div><img class="secondImg" src="./assets/images/me/setting_arrow.png"></div>
                </div>
            </div>

        </div>
    </div>
</ion-content>
